.container {
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.container {
  :global {
    .monaco-editor,
    .overflow-guard {
      border-radius: var(--bs-border-radius);
    }
  }
}

.container:not(.readonly):focus-within {
  border: var(--ax-theme-input-focus-border, 1px solid var(--bs-primary));
  box-shadow: var(
    --ax-theme-input-focus-shadow,
    0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25)
  );
}

.container.invalid {
  border: var(--ax-theme-input-invalid-border, 1px solid var(--bs-danger));
}

.container.invalid:focus-within {
  border: var(
    --ax-theme-input-invalid-focus-border,
    1px solid var(--bs-danger)
  );
  box-shadow: var(
    --ax-theme-input-invalid-focus-shadow,
    0 0 0 0.25rem rgb(var(--bs-danger-rgb), 0.25)
  );
}
